﻿<!DOCTYPE html>
<html>
<head>
    <title>Event Booking</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="css/style2.css"/>
    <link rel="stylesheet" href="css/ph.css"/>
    <link href="css/datepicker.css" rel="stylesheet" type="text/css"/>
    <link href="css/jquery.mmenu.all.css" rel="stylesheet" type="text/css"/>
    
    <script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.carouFredSel-6.2.1.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.touchSwipe.min.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.transit.min.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.ba-throttle-debounce.min.js"></script>
    <script type="text/javascript" src="js/jquery.mmenu.min.all.js"></script>
    <script type="text/javascript" src="js/icsript.js"></script>
    <script type="text/javascript" src='js/jquery.heapbox-0.9.2.js'></script>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    
    <script type="text/javascript">
    $(function(){
        $('#datepicker').datepicker({
            inline: true,
            showOtherMonths: true,
            dateFormat: 'dd-mm-yy',
            setDate: 0,
            dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
        }).datepicker("setDate", "0");
    });
    </script>
    
    <script type="text/javascript">
    jQuery(document).ready(function(){
     jQuery(".custom_select").heapbox();
 });
    $(function() {
        $('nav#menu-left').mmenu();
        
        
    });

    </script>
    

</head>
<body>
    <p class="testp"></p>
    
    <div id="page">
        <nav id="menu-left">
            <ul>
                <li><a href="">Hồ Chí Minh</a></li>
                <li><a href="">DD/MM/YY</a></li>
                <li><a href="">Hot</a></li>
                <li><a href="">Music</a></li>
                <li><a href="">Movie</a></li>
                <li><a href="">Sport</a></li>
                <li class="Selected"><a href="">Drama</a></li>
                <li><a href="">Pashion</a></li>
                <li><a href="">Reality Show</a></li>
            </ul>
        </nav>
        <div id="header">
            
            <div class="row">
                <div class="col-xs-3">
                    
                    <a  class="menu-left-i" href="#menu-left"></a>
                    <a class="logo"><img class="img-responsive" src="images/logo.png"/></a>
                    
                </div>
                <div class="col-xs-5">
                    <div class="row-fluid">
                        <p class="sub-title pull-left">WHERE THE FUN STARTS</p>
                        <a class="logo-sm"><img class="img-responsive" src="images/logo.png"/></a>
                    </div>
                </div>
                <div class="col-xs-4 top-head">
                    <ul id="child-nav">
                        <li class="country"><a class="" href="#">VN</a></li>
                        <li class="country"><a class="current" href="">EN</a></li>
                        <li class="search"><div class="search_wrap"><div class="search_inner"><input type="text" placeholder="Search"/></div></div></li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="content">
            
            <section id="body" class="container page">
                <p id="confirmation"></p>
                <div class="row">
                    <div class="col-sm-12 posi-rela">
                        <div class="list_carousel">
                            <ul class="foo1 a">
                                <li class="animation  col-xs-6" data-toggle="modal" data-target="#myModaldetail">
                                    <div class="item-image-wrap">
                                        <img class="img-responsive" src="images/event_01.jpg" alt=""/>

                                    </div>

                                    <div class="view-item">

                                        <h3>Billboard Music Awards Returning</h3>
                                        
                                        <div class="author">Taylor Swift, Hoai Linh, Bang Kieu, Ha Vy, Quang Le, Ngoc Son, Test Long Title và Tiếng Việt</div>

                                        <div class="time"><p>7:30PM, May. 2, 2013</p></div>
                                        <div class="address">
                                            <p>19 Nguyen An Ninh Street, Dist 1, Ho Chi Minh City, Vietnam
                                            </p></div>
                                            <div class="bt-item">

                                                <div class="more pull-left" data-toggle="modal" data-target="#myModaldetail"><a href="#">more info</a></div>
                                                <div class="num-people pull-right">
                                                    <span> 30 </span> people book this event
                                                </div>
                                            </div>


                                        </div>
                                    </li>
                                    <li class="animation col-xs-6">
                                        <div class="item-image-wrap">
                                            <img class="img-responsive" src="images/event_02.jpg" alt=""/>

                                        </div>

                                        <div class="view-item">

                                            <h3>Billboard Music Awards Returning</h3>
                                            <div class="author">Taylor Swift, Hoai Linh, Bang Kieu, Ha Vy</div>
                                            <div class="time"><p>7:30PM, May. 2, 2013</p></div>
                                            <div class="address">
                                                <p>19 Nguyen An Ninh Street, Dist 1</p>
                                            </div>
                                            <div class="bt-item">
                                                <div class="more pull-left" data-toggle="modal" data-target="#myModaldetail"><a href="#">more info</a></div>
                                                <div class="num-people pull-right">
                                                    <span> 30 </span> people book this event
                                                </div>
                                            </div>


                                        </div>
                                    </li>
                                    <li class="animation col-xs-6">
                                        <div class="item-image-wrap">
                                            <img src="images/event_03.jpg" alt=""/>

                                        </div>

                                        <div class="view-item">

                                            <h3>Billboard Music Awards Returning</h3>
                                            <div class="author">Taylor Swift, Hoai Linh, Bang Kieu, Ha Vy</div>
                                            <div class="time"><p>7:30PM, May. 2, 2013</p></div>
                                            <div class="address">
                                                <p>19 Nguyen An Ninh Street, Dist 1</p>
                                            </div>
                                            <div class="bt-item">
                                                <div class="more pull-left" data-toggle="modal" data-target="#myModaldetail"><a href="#">more info</a></div>
                                                <div class="num-people pull-right">
                                                    <span> 30 </span> people book this event
                                                </div>
                                            </div>


                                        </div>
                                    </li>
                                    <li class="animation col-xs-6">
                                        <div class="item-image-wrap">
                                            <img src="images/event_04.jpg" alt=""/>

                                        </div>

                                        <div class="view-item">

                                            <h3>Billboard Music Awards Returning</h3>
                                            <div class="author">Taylor Swift, Hoai Linh, Bang Kieu, Ha Vy</div>
                                            <div class="time"><p>7:30PM, May. 2, 2013</p></div>
                                            <div class="address">
                                                <p>19 Nguyen An Ninh Street, Dist 1, Ho Chi Minh City, Vietnam</p>
                                            </div>
                                            <div class="bt-item">
                                                <div class="more pull-left" data-toggle="modal" data-target="#myModaldetail"><a href="#">more info</a></div>
                                                <div class="num-people pull-right">
                                                    <span> 30 </span> people book this event
                                                </div>
                                            </div>


                                        </div>
                                    </li>
                                    <li class="animation col-xs-6">
                                        <div class="item-image-wrap">
                                            <img src="images/event_01.jpg" alt=""/>

                                        </div>

                                        <div class="view-item">

                                            <h3>Billboard Music Awards Returning</h3>
                                            <div class="author">Taylor Swift, Hoai Linh, Bang Kieu, Ha Vy</div>
                                            <div class="time"><p>7:30PM, May. 2, 2013</p></div>
                                            <div class="address">
                                                <p> 19 Nguyen An Ninh Street, Dist 1, Ho Chi Minh City, Vietnam</p>
                                            </div>
                                            <div class="bt-item">
                                                <div class="more pull-left" data-toggle="modal" data-target="#myModaldetail"><a href="#">more info</a></div>
                                                <div class="num-people pull-right">
                                                    <span> 30 </span> people book this event
                                                </div>
                                            </div>


                                        </div>
                                    </li>
                                    <li class="animation col-xs-6">
                                        <div class="item-image-wrap">
                                            <img src="images/event_02.jpg" alt=""/>

                                        </div>

                                        <div class="view-item">

                                            <h3>Billboard Music Awards Returning</h3>
                                            <div class="author">Taylor Swift, Hoai Linh, Bang Kieu, Ha Vy</div>
                                            <div class="time"><p>7:30PM, May. 2, 2013</p></div>
                                            <div class="address">
                                                <p> 19 Nguyen An Ninh Street, Dist 1, Ho Chi Minh City, Vietnam
                                                </p></div>
                                                <div class="bt-item">
                                                    <div class="more pull-left" data-toggle="modal" data-target="#myModaldetail"><a href="#">more info</a></div>
                                                    <div class="num-people pull-right">
                                                        <span> 30 </span> people book this event
                                                    </div>
                                                </div>


                                            </div>
                                        </li>

                                    </ul>

                                    <div class="clearfix"></div>


                                </div>

                            </div>

                        </div>

                    </section>


                    <footer class="ft-footer container">
                        <div class="wrapper-boder">
                            <div class="noti-info">
                                <div class="location pull-left">
                                    <h4>location</h4> 
                                    <select class="custom_select">
                                        <option value="1">Ho Chi Minh</option>
                                        <option value="2">Ha Noi</option>
                                        <option value="3">Da Nang</option>
                                    </select>
                                </div>
                                
                                <div class="today pull-right">
                                    <h4>today</h4> 
                                    
                                    <input type="text" id="datepicker"/>
                                </div>
                                <div class="clearfix"></div>

                            </div>
                            
                            <nav class="navbar navbar-default" role="navigation">
  <!--
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
        -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav menuman ">
                <li class="hot"><a href="#"><div class="text"><span>hot</span></div><img class="img-responsive" src="images/icon_hot.png" /></a></li>
                <li class="music active"><a href="#"><div class="text"><span>music</span></div><img class="img-responsive" src="images/icon_music.png" /></a></li>
                <li class="movie"><a href="#"><div class="text"><span>movie</span></div><img src="images/icon_movie.png" /></a></li>
                <li class="sport"><a href="#"><div class="text"><span>sport</span></div><img class="img-responsive" src="images/icon_sport.png" /></a></li>
                <li class="drama"><a href="#"><div class="text"><span>drama</span></div><img class="img-responsive" src="images/icon_drama.png" /></a></li>
                <li class="fashion"><a href="#"><div class="text"><span>fashion</span></div><img class="img-responsive" src="images/icon_fashion.png" /></a></li>
                <li class="reality"><a href="#"><div class="text"><span>realityshow</span></div><img class="img-responsive" src="images/icon_realy.png" /></a></li>
            </ul>
        </div>
    </nav>
    

</div>


<div class="row" id="bar-bottom">
    <div class="col-xs-6 hotline pull-left">Hotline: 090 123 456 8</div>
    <div class="col-xs-6 pull-right">
        <ul class="list-inline ft-social text-right">
            <li class="about-us"><a href="#"><img src="images/about.png" />About Us</a></li>
            <li class="help"><a href="#"><img src="images/help.png" />Help</a></li>
            <li class="facebook"><a href="#"><img src="images/facebook.png" /></a></li>
            <li class="youtube"><a href="#"><img src="images/youtube.png" /></a></li>
        </ul>
    </div>
</div>
</footer>
<div class="back"></div>
</div>
</div>

</div>
</body>
</html>